<template>
    <li>
        <input type="checkbox" :checked="todo.done" @change="editTodo(todo)">
        <span>{{todo.text}}</span>
        <button @click="del(todo.id)">删除</button>
    </li>
</template>
<script>
export default {
    props:['todo'],
    methods:{
        del(id){
            this.$store.dispatch('del',id);
        },
        editTodo(todo){
            this.$store.dispatch('editTodo',todo);
        }
    }
}
</script>
